```d2
---
title: Signup Flow
width: 85vw
height: 70vh
layout: elk
---
direction: right
start: {
  label: Start
  icon: "https://api.iconify.design/mdi:play-circle.svg"
}
form: {
  label: Fill form
  icon: "https://api.iconify.design/mdi:form-select.svg"
}
validate: {
  label: Validate
  icon: "https://api.iconify.design/mdi:check-decagram.svg"
}
exists: {
  label: Account exists?
  icon: "https://api.iconify.design/mdi:account-question.svg"
}
create: {
  label: Create account
  icon: "https://api.iconify.design/mdi:account-plus.svg"
}
verify: {
  label: Verify email
  icon: "https://api.iconify.design/mdi:email-check.svg"
}
login: {
  label: Login
  icon: "https://api.iconify.design/mdi:login.svg"
}

start -> form
form -> validate
validate -> exists
exists -> create: no
exists -> login: yes
create -> verify
verify -> login
```